<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

    <!-- <button id="btn">哈哈哈</button> -->

    <button>点击获取时间</button>
    <div>********</div>
    <p></p>

<script>
    //document.getElementById("id属性的值");
    //document.getElementsByTagName("标签的名字");
    //document.getElementsByName("name属性的值");
    //document.getElementsByClassName("类样式的名字");
    //1.document.querySelector("选择器"); 返回第一个
    //2.document.querySelectorAll("选择器"); 返回全部
    //document.body 获取body
    // document.documentElement 获取html

    // var btn = document.getElementById('btn');
    // btn.onclick = function() {
    //     alert('哈哈哈');
    // }

    var btn = document.querySelector('button');
    var div = document.querySelector('div');
    btn.onclick = function() {
        div.innerText = '2021 4 19';
    }
    var p = document.querySelector('p');
    p.innerHTML = getTime();

    function getTime() {
        var date = new Date();
        var year = date.getFullYear();
        var mouth = date.getMonth() + 1;
        var dates = date.getDate();
        var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
        var day = date.getDay();
        return '今天是：' + year + '年' + mouth + '月' + dates + '日 ' + arr[day];
    }





</script>

<body>

</body>

</html>